<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="/skw/js/common/header.js"></script>
    <script src="/skw/js/plugins/layer/layer.js"></script>
    <!-- Chosen -->
    <link href="/skw/css/plugins/chosen/chosen.css" rel="stylesheet">
    <script src="/skw/js/plugins/chosen/chosen.jquery.js"></script>
    <link href="/skw/js/plugins/ztree/metroStyle/metroStyle.css" rel="stylesheet">
    <script src="/skw/js/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="/skw/js/business/system/role-edit.js"></script>
</head>
<style>
    .ztree li a.curSelectedNode {
        background-color: #bae7ff;
    }

    .ztree * {
        font-size: 14px;
    }

    .ztree li a {
        margin: 3px;
    }
</style>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>添加/修改角色</h5>
                </div>
                <div class="ibox-content">
                    <form method="post" class="form-horizontal" id="myForm">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><span class="">*</span>角色名称</label>
                            <div class="col-sm-10">
                                <input type="hidden" name="id" id="id"/>
                                <input type="hidden" name="menuIds" id="menuIds"/>
                                <input type="hidden" id="adminValues"/>
                                <input type="text" name="roleName" class="form-control" placeholder="角色名称" required/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">角色描述</label>
                            <div class="col-sm-10">
                                <textarea name="roleDesc" class="form-control" placeholder="角色描述"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><code>*</code>选择管理员</label>
                            <div class="col-sm-10">
                                <div class="input-group">
                                    <select data-placeholder="选择管理员" class="chosen-select" multiple
                                            style="width:550px;" tabindex="4" name="adminIds" id="adminIds">
                                        <option value="" disabled>请选择管理员</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><span class="">*</span>选择菜单</label>
                            <div class="col-sm-10">
                                <div class="input-group">
                                    <ul id="treeDemo" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <a class="btn btn-primary" id="btnSave">保存</a>
                                <a class="btn btn-info" onclick="goBack()">返回</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>